//歌单详情页
#pushMenuModule {
  display: flex;
  // width: 100%;
  flex: 1;
  flex-direction: column;
  background-color: white;
  overflow: scroll;
  // color: white;
  //返回按钮
  .back {
    position: fixed;
    top: 10px;
    color: #eeeff0;
  }
  //歌单封面
  #PLHead {
    width: 100%;
    // height: 205px;
    // overflow: hidden;
    background-size: cover;
    //   filter: blur(20px);
    position: relative;
    z-index: 100;
    .mask {
      position: absolute;
      top: 0;
      z-index: 90;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.664);
      // filter: blur(10px);
      // transform: scale(1.1);
      // .mask::after {
      //   content: "";
      //   filter: blur(90px);
      // }
    }

    .coverDetail {
      z-index: 98;
      position: relative;
      top: 0;
      // display: flex;
      width: 100%;
      height: 205px;
      filter: none;

      .imgCover {
        z-index: 99;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 145px;
        height: 145px;
        margin: 45px 0px 15px 15px;
        filter: none;
        background-size: 145px 145px;
      }
      .infoCover {
        z-index: 99;
        position: absolute;
        top: 45px;
        right: 0px;
        width: 239px;
        height: 145px;
        //   background-color: rgba(95, 240, 192, 0.39);
        margin-right: 15px;
        filter: none;
        .title {
          font-weight: 300;
          margin-left: 20px;
          color: white;
          font-size: 16px;
        }
        .user {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          word-break: normal;
          display: block;
          position: relative;
          .userLink {
            display: inline-block;
            color: hsla(0, 0%, 100%, 0.7);
            text-decoration: none;
            margin: 10px 20px;
            .userNavigate {
              display: inline-block;
              width: 30px;
              height: 30px;
              border-radius: 50%;
              vertical-align: middle;
              margin-right: 5px;
              .u-img {
                width: 100%;
                vertical-align: middle;
                border-radius: 50%;
              }
              .starMark {
                position: absolute;
                left: 40px;
                bottom: 10px;
                width: 12px;
                height: 12px;
                background-image: url("//s3.music.126.net/mobile-new/img/usericn_2x.png?6423c06…=");
                background-repeat: no-repeat;
                background-size: 75px auto;
                background-position: -40px 0;
              }
            }
          }
        }
      }
    }
  }
  //歌曲列表
  #PLBody {
    // flex: 1;
    // width: 100%;
    // height: 500px;
    // overflow: scroll;
    .songsTitle {
      height: 23px;
      width: 100%;
      line-height: 23px;
      padding: 0 10px;
      font-size: 12px;
      color: #666;
      background-color: #eeeff0;
    }
    //单曲列表区域
    .songsList {
      .hotSingle {
        display: flex;
        width: 100%;
        height: 50px;
        text-decoration: none;
        box-sizing: border-box;
        //歌曲排名
        .topThree {
          color: red;
          width: 40px;
          line-height: 50px;
          text-align: center;
          font-weight: 700;
          font-style: italic;
          font-size: 17px;
        }
        .number {
          color: rgb(102, 102, 102);
          height: 100%;
          width: 40px;
          text-align: center;
          line-height: 50px;
          font-size: 17px;
        }
        //歌名
        .name {
          color: black;
          border-bottom: 1px solid rgb(230, 230, 230);
          flex: 1;
          padding: 0px;

          .music {
            color: rgb(0, 0, 0);
            width: 300px;
            height: 22px;
            font-size: 17px;
            overflow: hidden;
          }
          .singer {
            line-height: 18px;
            margin: 3px 0 0 0;
            .quality {
              display: inline-block;
              margin-right: 4px;
              width: 12px;
              height: 8px;
              background: url(../../../../../public/img/index_icon_2x.png);
              background-position: -0px 0px;
              background-size: 166px 97px;
            }
            .album {
              color: rgb(138, 138, 138);
              font-size: 12px;
              display: inline-block;
            }
          }
        }
        //播放按钮
        .playIcon {
          height: 100%;
          width: 40px;
          padding-right: 15px;
          text-align: center;
          line-height: 50px;
          span {
            border: none;
            font-size: 25px;
            color: rgb(119, 118, 118);
            padding-top: 10px;
          }
        }
      }
    }
  }
  //评论区
  // #comment {
    // overflow: scroll;
  // }
}
